<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
    <head>
        <title>${title}</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css" media="all">
            /* Load primary framework elements */
            @import url(${templatePath}/css/framework.css);
            /* Now, let's set the style */
            @import url(${templatePath}/styles/style_coffee.css);
        </style>
        <!--[if lt IE 7]>
	<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css" />
	<![endif]-->
        <!-- Fix PNG under Internet Explorer 6 -->
        <style type="text/css">
            html, body {
                overflow: hidden;
            }
            img { behavior: url(js/iepngfix.htc) !important; }
            .navbullet { behavior: url(js/iepngfix.htc) !important; }
        </style>
        <!-- Loading javascript -->
        <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="${templatePath}/js/functions.js" type="text/javascript"></script>
        <script src="${templatePath}/js/dropmenu.js" type="text/javascript"></script>
        <script src="${templatePath}/js/sprinkle.js" type="text/javascript"></script>
        <script type="text/javascript">

                /***********************************************
                 * Dynamic Ajax Content- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
                 * This notice MUST stay intact for legal use
                 * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
                 ***********************************************/

            var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
            var loadedobjects=""
            var rootdomain="http://"+window.location.hostname
            var bustcacheparameter=""

            function ajaxpage(url, containerid){
                var page_request = false
                if (window.XMLHttpRequest) // if Mozilla, Safari etc
                    page_request = new XMLHttpRequest()
                else if (window.ActiveXObject){ // if IE
                    try {
                        page_request = new ActiveXObject("Msxml2.XMLHTTP")
                    }
                    catch (e){
                        try{
                            page_request = new ActiveXObject("Microsoft.XMLHTTP")
                        }
                        catch (e){}
                    }
                }
                else
                    return false
                page_request.onreadystatechange=function(){
                    loadpage(page_request, containerid)
                }
                if (bustcachevar) //if bust caching of external page
                    bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
                page_request.open('GET', url+bustcacheparameter, true)
                page_request.send(null)
            }

            function loadpage(page_request, containerid){
                if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
                    document.getElementById(containerid).innerHTML=page_request.responseText
            }

            function loadobjs(){
                if (!document.getElementById)
                    return
                for (i=0; i<arguments.length; i++){
                    var file=arguments[i]
                    var fileref=""
                    if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
                        if (file.indexOf(".js")!=-1){ //If object is a js file
                            fileref=document.createElement('script')
                            fileref.setAttribute("type","text/javascript");
                            fileref.setAttribute("src", file);
                        }
                        else if (file.indexOf(".css")!=-1){ //If object is a css file
                            fileref=document.createElement("link")
                            fileref.setAttribute("rel", "stylesheet");
                            fileref.setAttribute("type", "text/css");
                            fileref.setAttribute("href", file);
                        }
                    }
                    if (fileref!=""){
                        document.getElementsByTagName("head").item(0).appendChild(fileref)
                        //loadedobjects+=file+" " //Remember this object as being already added to page
                    }
                }
            }

        </script>
    </head>
    <body>
        <div id="container"> <!-- Container begins here -->
            <div id="sidebar"> <!-- Sidebar begins here -->
                <div id="navigation"> <!-- Navigation begins here -->
                    <div class="sidenav"><!-- Sidenav -->
                        <!-- $beginBlock RoomManagementNav -->
                        <div class="navhead"><span>Booking Management</span><span class="navbullet"></span></div><!-- Sidenav Headline -->
                        <div class="subnav"><!-- Sidenav Box -->
                            <ul class="submenu">
                                <li><a href="javascript:ajaxpage('home.html', 'content');
                                       loadobjs('css/galleria.css','js/jquery-1.4.2.min.js','js/jquery.galleria.js','js/home.js')">Home</a></li>
                                <li><a href="javascript:ajaxpage('room_booking.jsp', 'content');
                                       loadobjs('css/room_booking.css',
                                                'css/jquery.validate.css',
                                                'css/style.css',
                                                'css/jquery.datepick.css',
                                                'css/demo_table_jui.css',
                                                'css/smoothness/jquery-ui-1.8.custom.css',
                                                'js/jquery-1.4.2.min.js',
                                                'js/jquery-ui-1.8.custom.min.js',
                                                'js/jquery.datepick.js',
                                                'js/jquery.dataTables.js',
                                                'js/jquery.validate.js',
                                                'js/jquery.blockUI.js',
                                                'js/room_booking.js')">Check In</a></li>
                                <li><a href="javascript:ajaxpage('booking_management.jsp', 'content');
                                       loadobjs('css/room_booking.css',
                                                'css/style.css',
                                                'css/jquery.datepick.css',
                                                'css/demo_table_jui.css',
                                                'css/smoothness/jquery-ui-1.8.custom.css',
                                                'js/jquery-1.4.2.min.js',
                                                'js/jquery-ui-1.8.custom.min.js',
                                                'js/jquery.datepick.js',
                                                'js/jquery.dataTables.js',
                                                'js/jquery.validate.js',
                                                'js/jquery.blockUI.js',
                                                'js/booking_management.js')">Check Out</a></li>
                            </ul>
                        </div><!-- /Sidenav Box -->
                        <!-- $endBlock RoomManagementNav -->
                        <!-- $beginBlock SalesManagementNav -->
                        <div class="navhead"><span>Sales Management</span><span class="navbullet"></span></div>
                        <div class="subnav">
                            <ul class="submenu">
                                 <li><a href="javascript:ajaxpage('items_selling.jsp', 'content');
                                       loadobjs('css/room_booking.css',
                                                'css/jquery.validate.css',
                                                'css/style.css',
                                                'css/jquery.datepick.css',
                                                'css/demo_table_jui.css',
                                                'css/smoothness/jquery-ui-1.8.custom.css',
                                                'js/jquery-1.4.2.min.js',
                                                'js/jquery-ui-1.8.custom.min.js',
                                                'js/jquery.datepick.js',
                                                'js/jquery.dataTables.js',
                                                'js/jquery.validate.js',
                                                'js/jquery.blockUI.js',
                                                'js/items_selling.js')">Items</a></li>

                                <li><a href="javascript:ajaxpage('transaction.jsp', 'content');
                                       loadobjs('css/room_booking.css',
                                                'css/style.css',
                                                'css/demo_table_jui.css',
                                                'css/smoothness/jquery-ui-1.8.custom.css',
                                                'js/jquery-1.4.2.min.js',
                                                'js/jquery-ui-1.8.custom.min.js',
                                                'js/jquery.dataTables.js',
                                                'js/jquery.blockUI.js',
                                                'js/transaction.js')">Transactions</a></li>
                            </ul>
                        </div><!-- /Sidenav Box -->
                        <!-- $endBlock SalesManagementNav -->
                        <!-- $beginBlock StatisticsNav -->
                        <div class="navhead"><span>Statistics & Report</span><span class="navbullet"></span></div>
                        <div class="subnav">
                            <ul class="submenu">
                                <li><a href="javascript:ajaxpage('sales_report.jsp', 'content');
                                       loadobjs('css/room_booking.css',
                                                'css/jquery.validate.css',
                                                'css/style.css',
                                                'css/jquery.datepick.css',
                                                'css/demo_table_jui.css',
                                                'css/smoothness/jquery-ui-1.8.custom.css',
                                                'js/jquery-1.4.2.min.js',
                                                'js/jquery-ui-1.8.custom.min.js',
                                                'js/jquery.datepick.js',
                                                'js/jquery.dataTables.js',
                                                'js/jquery.validate.js',
                                                'js/jquery.blockUI.js',
                                                'js/sales_report.js')">Sales Report</a></li>
                                <li><a href="javascript:ajaxpage('booking_report.jsp', 'content');
                                       loadobjs('css/room_booking.css',
                                                'css/jquery.validate.css',
                                                'css/style.css',
                                                'css/jquery.datepick.css',
                                                'css/demo_table_jui.css',
                                                'css/smoothness/jquery-ui-1.8.custom.css',
                                                'js/jquery-1.4.2.min.js',
                                                'js/jquery-ui-1.8.custom.min.js',
                                                'js/jquery.datepick.js',
                                                'js/jquery.dataTables.js',
                                                'js/jquery.validate.js',
                                                'js/jquery.blockUI.js',
                                                'js/booking_report.js')">Booking Report</a></li>
                                <li><a href="javascript:ajaxpage('user_statistics.jsp', 'content');
                                       loadobjs('css/room_booking.css',
                                                'css/jquery.validate.css',
                                                'css/style.css',
                                                'css/jquery.datepick.css',
                                                'css/demo_table_jui.css',
                                                'css/smoothness/jquery-ui-1.8.custom.css',
                                                'js/jquery-1.4.2.min.js',
                                                'js/jquery-ui-1.8.custom.min.js',
                                                'js/jquery.datepick.js',
                                                'js/jquery.dataTables.js',
                                                'js/jquery.validate.js',
                                                'js/jquery.blockUI.js',
                                                'js/user_statistics.js')">User Statistics</a></li>
                            </ul>
                        </div><!-- /Sidenav Box -->
                        <!-- $endBlock StatisticsNav -->
                    </div><!-- /Sidenav -->
                </div> <!-- END Navigation -->

                <div id="copyrights">
                    <p><a href="http://www.bumblebee.vn/" title="Bumblebee Studio">&copy; Copyright 2010<br />Bumblebee Studio</a></p>
                </div>
            </div> <!-- END Sidebar -->



            <div id="primary" style="overflow:auto"> <!-- Primary begins here -->
                <div class="header top_nav">
                    <h3><span class="title"><a href="" title="">RESORT MANAGEMENT SYSTEM</a></span></h3>
                    <span class="session">Hello <a href="#" title="">${fullname}</a> (<a href="controller?Action=logout" title="Sign out">Sign out</a>) <img src="${templatePath}/images/icons/user.png" alt="user_icon" width="22" height="25" border="0" /></span>
                </div>
                <!-- $beginBlock Content -->
                <div id="content" style="overflow:auto"> <!-- Content begins here -->
                </div>
                <!-- $endBlock Content -->
            </div> <!-- END Content -->
            <div class="clear"></div>
        </div> <!-- END Primary -->
    </body>
</html>